<!DOCTYPE>
<html>
<head>
	<title></title>
	<meta charset="utf-8"/>
	<style>
	body,h1{
		padding:0;
		margin:0;
		color:white;
		text-align:center;
	}
	#top{
		width:100%;
		height:100px;
		background:black;
	}
	#top_main{
		width:70%;
		height:100px;
		margin:0 auto;
	}
	#top_left{
		width:30%;
		height:100px;
		background:blue;
		float:left;
	}
	#top_right{
		width:70%;
		height:100px;
		background:red;
		float:left;
	}
	#nav{
		width:70%;
		height:80px;
		background:grey;
		margin:0 auto;
	}
	#main{
		width:70%;
		height:600px;
		background:black;
		margin:0 auto;
	}
	#left{
		width:30%;
		height:600px;
		float:left;
	}
	#middle{
		width:40%;
		height:600px;
		float:left;
		background:grey;
	}
	#right{
		width:30%;
		height:600px;
		float:left;
	}
	#footer{
		width:100%;
		height:200px;
		background:green;
	}
	</style>
</head>
<body>
	<div id="top">
		<div id="top_main">
			<div id="top_left"><h1>Logo</h1></div>
			<div id="top_right"><h1>头部信息</h1></div>
		</div>
	</div>
	<div id="nav"><h1>页面导航</h1></div>
	<div id="main">
		<div id="left"><h1>左边</h1></div>
		<div id="middle"><h1>中间</h1></div>
		<div id="right"><h1>右边</h1></div>
	</div>
	<div id="footer"><h1>版权信息</h1></div>
</body>
</html>